﻿@{
    ViewBag.Title = "Update";
    Layout = "~/Views/Shared/_Admin_Layout.cshtml";
    ViewBag.Controller = "product";
    ViewBag.Cate = "Sản phẩm";
    ViewBag.Module = "Cập nhật sản phẩm";
}

<script type="text/javascript">
    $(function () {
        $('#_btn_add').live('click', function () {

            // Get the editor instance that you want to interact with.
            var editor = CKEDITOR.instances.editor;
            $("textarea#editor").text(editor.getData()).text();

            var code        = $("#_code").val();
            var name        = $("#_name").val();
            var slug        = $("#_slug").val();
            var cid         = $("#_cid").val();
            var mid         = $("#_mid").val();
            var description = $("#_description").val();
            var content     = $("#editor").text();
            var price       = $("#_price").val();
            var sale        = $("#_sale").val();
            var images      = $("#xFilePath").val();
            
            //Check Code
            if (code == "") {
                show_errors("Chưa nhập mã sản phẩm.");
                return false;
            }

            //Check Name
            if (name == "") {
                show_errors("Chưa nhập tên sản phẩm.");
                return false;
            }
			
			//Check Slug
            if (name == "") {
                show_errors("Chưa nhập liên kết tĩnh.");
                return false;
            }

            //Check Category
            if ($(".cid").is(':checked')){   
            }else {
                show_errors("Chưa chọn chuyên mục cho sản phẩm.");
                return false;
            }

            //Check makes
            if (mid == 0) {
                show_errors("Chưa chọn hãng sản xuất.");
                return false;
            }

            //Check Description
            if (description.length <= 10) {
                show_errors("Mô tả sản phẩm phải lớn hơn 10 ký tự.");
                return false;
            }

            //Check Contents
            if (content.length <= 10) {
                show_errors("Nội dung sản phẩm phải lớn hơn 10 ký tự.");
                return false;
            }

            //Check Price
            if (price == "") {
                show_errors("Chưa nhập giá sản phẩm.");
                return false;
            }

            if (!$.isNumeric(price)) {
                show_errors("Giá sản phẩm phải là số.");
                return false;
            }

            //Check Sale
            if (!$.isNumeric(sale) && sale != "") {
                show_errors("Giá khuyến mãi sản phẩm phải là số.");
                return false;
            }

            //Check Images
            if (images == "") {
                show_errors("Chưa chọn hình ảnh cho sản phẩm.");
                return false;
            }

            UpdateItem("@ViewBag.Controller");

            return false;
        });

        $(".box-img .close").live("click", function () {
            $(this).parent(".item").remove();
            $("#_image").val('');
            $("#xFilePath").val('');
            $(".box-img .item").each(function (i) {
                if (i == 0) {
                    $("#xFilePath,#_image").val($(this).data("url"));
                } else {
                    $("#xFilePath").val($("#xFilePath").val() + ',' + $(this).data("url"));
                }
                
            });
        });
    });

    function BrowseServer() {
        // You can use the "CKFinder" class to render CKFinder in a page:
        var finder = new CKFinder();
        finder.basePath = '../';	// The path for the installation of CKFinder (default = "/ckfinder/").
        finder.selectActionFunction = SetFileField;
        finder.popup();
    }

    function SetFileField(fileUrl, data, allFiles) {
        if (allFiles.length > 0) {
            
            for (var i = 0 ; i < allFiles.length ; i++) {
                if ($("#xFilePath").val() === "") {
                    $("#xFilePath,#_image").val(allFiles[i].data['fileUrl']);
                } else {
                    $("#xFilePath").val($("#xFilePath").val() + ',' + allFiles[i].data['fileUrl']);
                }
                
                msg = '';
                msg += '<div class="item" data-url="' + allFiles[i].data['fileUrl'] + '">';
                msg += '<div class="close">X</div>';
                msg += '<img src="' + allFiles[i].data['fileUrl'] + '" width="120px" height="120px" />';
                msg += '</div>';
                $(".box-img").append(msg);
            }
        }
    }
</script>

<!--Tabs-->
<div class="tabs">
    <span class="item"><a href="/admin" title="">Bảng điều khiển</a></span>
    <span class="icon-arrow">&gt;</span>
    <span class="item"><a href="/admin/@ViewBag.Controller" title="">@ViewBag.Cate</a></span>
    <span class="icon-arrow">&gt;</span>
    <span class="item">Cập nhật</span>
</div>
<!--End Tabs-->

<!--Container-->
<div class="container">
	<form class="table-content" id="_PostData" method="post">
        <div class="list-btn">
            <a href="/admin/@ViewBag.Controller" class="btn btn-primary" title="Danh sách">Danh sách</a>
            @if (ViewBag.View == null)
            { 
                <input type="submit" class="btn btn-success" id="_btn_add" value="Lưu" />
            }
            else
            {
                <input type="submit" class="btn btn-warning" id="_btn_add" value="Cập nhật" />
            }
        </div>
        <div class="clearAll"></div>
        <div class="notice"><span class="close-notice icon-remove"></span></div>
		<div class="title"><span class="icon-user"></span>@ViewBag.Module</div>
		<div class="error"></div>
		<div class="box-field">
            <input type="hidden" name="id" id="_id" value="@if (ViewBag.View != null){ @ViewBag.View.id }"/>
            <table class="altrowstable" id="alternatecolor">
                <tr>
                    <th>Tên Field</th><th>Input Field</th>
                </tr>
                <tr>
                    <td>Mã sản phẩm</td>
                    <td><input type="text" name="code" id="_code" class="span1" value="@if (ViewBag.View != null){ @ViewBag.View.code }" placeholder="Ex: A001" /></td>
                </tr>
                <tr>
                    <td>Tên sản phẩm</td>
                    <td><input type="text" name="name" id="_name" class="span5" value="@if (ViewBag.View != null){ @ViewBag.View.name }" placeholder="Ex: Túi sách" /></td>
                </tr>
                <tr>
                    <td>Liên kết tĩnh</td>
                    <td><input type="text" name="slug" id="_slug" class="span5" value="@if (ViewBag.View != null){ @ViewBag.View.slug }" placeholder="Ex: tui-sach" /></td>
                </tr>
                <tr>
                    <td>Thuộc chuyên mục</td>
                    <td>
                        <div id="boxscroll">
                            <ul class="box-category">
                                @{ 
                                    foreach (var item in ViewBag.Category)
                                    {
                                        if (item.pid == 0)
                                        {
                                            <li class="first">
                                                <input type="checkbox" name="cid" class="cid" id="@item.id" @if(@ViewBag.View != null){ foreach (var k in @ViewBag.View.cid.Split(',')) { if (k.Trim() == item.id.ToString()) { Write("checked"); }}} value="@item.id" />
                                                <label for="@item.name">@item.name</label>
                                                <ul>
                                                @{
                                                    foreach (var value in ViewBag.Category){
                                                        if(value.pid == item.id){
                                                            <li>
                                                                <input type="checkbox" name="cid" class="cid" id="@value.name" @if(@ViewBag.View != null){ foreach (var i in @ViewBag.View.cid.Split(',')) { if (i.Trim() == value.id.ToString()) { Write("checked"); }}} value="@value.id" />
                                                                <label for="@value.name">@value.name</label>
                                                            </li>
                                                        }
                                                    }
                                                }
                                                </ul>
                                            </li>
                                        }
                                        
                                    }     
                                }
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>Hãng sản xuất</td>
                    <td>
                        <select name="mid" id="_mid" class="span5">
                            <option value="0">Chọn hãng sản xuất</option>
                            @{ 
                                foreach (var item in ViewBag.Makers)
                                {
                                    <option value="@item.id"  @if (ViewBag.View != null && @ViewBag.View.mid == item.id) { Write("selected"); } >@item.name</option>
                                }
                            }
                        </select>
                    </td>
                </tr>
                <!--<tr>
                    <td>Thuộc tính sản phẩm</td>
                    <td><input type="text" name="pid" id="pid" class="span5" value="" data-type="int" maxlength="11" placeholder="Ex: Size" /></td>
                </tr>-->
                <tr>
                    <td>Mô tả</td>
                    <td>
                        <textarea name="description" id="_description" class="span9" style="height:100px">@if (ViewBag.View != null){ @ViewBag.View.description }</textarea>
                    </td>
                </tr>
                <tr>
                    <td>Nội dung</td>
                    <td>
                        <textarea name="contents" class="span9" id="editor" style="height:100px">@if (ViewBag.View != null){ @ViewBag.View.contents }</textarea>
                    </td>
                </tr>
                <tr>
                    <td>Giá</td>
                    <td><input type="text" name="price" id="_price" class="span2" data-type="int" value="@if (ViewBag.View != null){ @ViewBag.View.price }" placeholder="Ex: 25000" /> VNĐ</td>
                </tr>
                <tr>
                    <td>Giá khuyến mãi</td>
                    <td><input type="text" name="sale" id="_sale" class="span2" data-type="int" value="@if (ViewBag.View != null){ @ViewBag.View.sale }" placeholder="Ex: 20000" /> VNĐ</td>
                </tr>
                <tr>
                    <td>Trạng thái</td>
                    <td><input type="checkbox" name="status" id="_status" value="1" @if (ViewBag.View != null && @ViewBag.View.status == 1) { Write("checked"); } /></td>
                </tr>
                <tr>
                    <td>Hình ảnh</td>
                    <td>
                        <input id="_image" name="image" value="@if (ViewBag.View != null){ @ViewBag.View.image }" type="hidden" />                     
                        <input id="xFilePath" name="images" value="@if (ViewBag.View != null){ @ViewBag.View.images }" type="hidden" />
		                <input type="button" class="btn btn-danger" value="Browse Server" onclick="BrowseServer();" />
                        <div class="box-img">

                            @if (@ViewBag.View != null)
                            {
                                foreach (var item in @ViewBag.View.images.Split(','))
                                {
                                    <div class="item" data-url="@item">
                                        <div class="close">X</div>
                                        <img src="@item" alt="" title="" width="120px" height="120px" />
                                    </div>
                                }
                            }
                            <!--<div class="item" data-url="link">
                                <div class="close">X</div>
                                <img src="http://quanaotreemcaocap.com/images/post/2012/07/24/17/297/quan-ao-tre-em.jpg" alt="" title="" width="120px" height="120px" />
                            </div>-->
                        </div>
                    </td>
                </tr>
            </table>
		</div>
	</form>         
</div>
<!--End Container-->

<script>
    // Replace the <textarea id="editor1"> with an CKEditor instance.
    CKEDITOR.replace('editor');
</script>